<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>My Blog</title>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my blog">
	<link href="http://omnia.ae/favicon.ico" rel="shortcut icon">
	<link href="css/styles.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="js/scripts.js"></script>
	<link rel="stylesheet" href="css/16sucai_css.css" type="text/css" />
    <script type="text/javascript" src="js/16sucai_js.js"></script>
	<script type="text/javascript" src="js/supersized.js"></script>
	<script type="text/javascript">  
			$(function(){
				$.fn.supersized.options = {  
					startwidth: 640,  
					startheight: 480,
					vertical_center: 1,
					//slideshow: 1,
					navigation: 0,
					transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
					pause_hover: 0,
					slide_counter: 1,
					slide_captions: 1,
					slide_interval: 6000  
				};
		        $('#supersize').supersized(); 
		    });
		</script>
		
<!--[if IE 6]>
<link rel='stylesheet' type='text/css' media='all' href='/css/ie6.css' />
<script type="text/javascript" src="/js/DD_belatedPNG.js"></script>
<script type="text/javascript" src="/js/iepng.js"></script>
<![endif]-->

  </head>
  
  <body id="home">
  <!-- body -->
  <!-- Main Content -->
<div id="wrap">
  <div style="display: block;" id="content" class="clearfix">
    <!-- Header -->
    <%@ include file="header.jsp"%>
    <div class="section"> </div>
  </div>
</div>
  
  
   <!--Loading display while images load-->
<div style="display: none;" id="loading">&nbsp;</div>
<div style="width: 1280px; height: 960px; display: block;" id="supersize"> <a class="" style="width: 1280px; height: 960px; left: 0px; top: -155px; " ><img src="image/home.jpg"  height="1000" width="1500"></a> </div>

<%@ include file="footer.jsp"%>

  </body>
</html>
